<template>
  <div class="student">
    <h2>学生姓名：{{name}}</h2>
    <h2>学生性别：{{sex}}</h2>
    <button @click="sendStudentName">点我将学生名字传给App</button>
<!--    <button @click="upbind">解绑tName事件</button>-->
<!--    <br>-->
<!--    <button @click="sendStudentNameSex">点我将学生姓名，性别传给App</button>-->
<!--    <button @click="sendStudentSex">点我将学生性别传给App</button>-->
<!--    <button @click="upbind2">解绑tName,tSex事件</button>-->
<!--    <button @click="upbind3">解绑所有自定义事件</button>-->
<!--    <button @click="death">销毁当前Student组件的实例（vc）</button>-->
  </div>
</template>

<script>
export default {
  name: "Student",
  data(){
    return{
      name:"张三",
      sex:"男"
    }
  },
  methods:{
    sendStudentName(){
      this.$emit("tName",this.name,999,666,888)
    },
    // sendStudentNameSex(){
    //   this.$emit("tName",this.name)
    //   this.$emit("tSex",this.sex)
    // },
    // sendStudentSex(){
    //   this.$emit("tSex",this.sex)
    // },

    // upbind(){
    //   this.$off("tName")  //解绑一个自定义事件
    // },
    // upbind2(){
    //   this.$off(["tName","tSex"])  //解绑多个自定义事件
    // },
    // upbind3(){
    //   this.$off()  //解绑所有自定义事件
    // },
    // death(){
    //   this.$destroy()  //销毁了当前Student组件的实例，销毁后所有Student的实例的自定义事件全都不奏效
    // }
  }
}
</script>

<style scoped>
.student{
  background-color: skyblue;
}
</style>
